<%@ page contentType="text/html;charset=UTF-8" %>
  <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <html>

    <head>
      <script>
        //检索数据集
        var dataList = {
          "admin_name": null
        };
        $(function () {
          /******
           * event
           * *****/
          //点击查询按钮时
          $("#btn_admin_submit").click(function () {
            var admin_name = $.trim($("#input_admin_name").val());
            //封装数据
            dataList.admin_name = encodeURI(admin_name);

            getData($(this), "admin/adminManage/0/10", dataList);
          });
          //点击刷新按钮时
          $("#btn_admin_refresh").click(function () {
            //清除数据
            dataList.admin_name = null;
            //获取数据
            getData($(this), "admin/adminManage/0/10", null);
          });
          //点击table中的数据时
          $("#table_admin_list").find(">tbody>tr").click(function () {
            trDataStyle($(this));
          });
        });

        //获取管理员数据
        function getData(object, url, dataObject) {
          var table = $("#table_admin_list");
          var tbody = table.children("tbody").first();
          $.ajax({
            url: url,
            type: "get",
            data: dataObject,
            success: function (data) {
              //清空原有数据
              tbody.empty();
              //设置样式
              $(".loader").css("display", "none");
              object.attr("disabled", false);

              if (!data.success) {
                alert(data.message);
                return;
              }

              //显示管理员统计数据
              $("#admin_count_data").text(data.adminCount);
              if (data.adminList.length > 0) {
                for (var i = 0; i < data.adminList.length; i++) {
                  var admin_id = data.adminList[i].admin_id;
                  var admin_name = data.adminList[i].admin_name;
                  var admin_nickname = data.adminList[i].admin_nickname;
                  var admin_type = data.adminList[i].admin_type === 1 ? "超级管理员" : "普通管理员";

                  var operations = "";
                  // ID为1的超级管理员不能删除
                  if (admin_id !== 1) {
                    operations = "<span class='td_special' title='删除管理员'><a href='javascript:void(0)' onclick='deleteAdmin(" + admin_id + ")'>删除</a></span>";
                  } else {
                    operations = "<span class='td_special' title='超级管理员不可删除'>-</span>";
                  }

                  //显示管理员数据
                  tbody.append("<tr><td>" + admin_id + "</td><td>" + admin_name + "</td><td>" + admin_nickname + "</td><td>" + admin_type + "</td><td>" + operations + "</td></tr>");
                }
                //绑定事件
                tbody.children("tr").click(function () {
                  trDataStyle($(this));
                });
                //分页
                var pageUtil = {
                  index: data.pageUtil.index,
                  count: data.pageUtil.count,
                  total: data.pageUtil.total,
                  totalPage: data.totalPage
                };
                createPageDiv($(".loader"), pageUtil);
              }
            },
            beforeSend: function () {
              $(".loader").css("display", "block");
              object.attr("disabled", true);
            },
            error: function () {
              alert("加载管理员列表失败，请稍后再试！");
              $(".loader").css("display", "none");
              object.attr("disabled", false);
            }
          });
        }

        //获取页码数据
        function getPage(index) {
          getData($(this), "admin/adminManage/" + index + "/10", dataList);
        }

        //删除管理员
        function deleteAdmin(admin_id) {
          if (confirm("确定要删除这个管理员吗？此操作不可撤销！")) {
            $.ajax({
              url: "admin/adminManage/" + admin_id,
              type: "DELETE",
              success: function (data) {
                if (data.success) {
                  alert("删除成功！");
                  // 刷新管理员列表
                  $("#btn_admin_refresh").click();
                } else {
                  alert("删除失败：" + data.message);
                }
              },
              error: function () {
                alert("删除失败，请稍后再试！");
              }
            });
          }
        }
      </script>
    </head>

    <body>
      <div class="frm_div text_info">
        <div class="frm_group">
          <label class="frm_label" id="lbl_admin_name" for="input_admin_name">管理员名称</label>
          <input class="frm_input" id="input_admin_name" type="text" maxlength="50" />
          <input class="frm_btn" id="btn_admin_submit" type="button" value="查询" />
          <input class="frm_btn frm_clear" id="btn_clear" type="button" value="重置" />
        </div>
        <div class="frm_group_last">
          <input class="frm_btn frm_refresh" id="btn_admin_refresh" type="button" value="刷新管理员列表" />
        </div>
      </div>
      <div class="data_count_div text_info">
        <svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2522"
          width="16" height="16">
          <path
            d="M401.976676 735.74897c-88.721671 0-172.124196-34.635845-234.843656-97.526197-62.724577-62.86784-97.271394-146.453537-97.271394-235.358379s34.546817-172.490539 97.276511-235.361449c62.715367-62.887282 146.117892-97.522104 234.838539-97.522104 88.719624 0 172.135452 34.633798 234.881518 97.522104 62.704111 62.875003 97.235578 146.4607 97.235578 235.361449 0 88.901773-34.530444 172.487469-97.231485 235.358379C574.112128 701.116195 490.6963 735.74897 401.976676 735.74897zM401.976676 121.204479c-75.012438 0-145.533584 29.290093-198.572568 82.474386-109.585861 109.834524-109.585861 288.539602-0.004093 398.36901 53.043077 53.188386 123.564223 82.47848 198.577684 82.47848 75.015507 0 145.553027-29.291117 198.620663-82.47848C710.126918 492.220514 710.126918 313.511343 600.593246 203.678866 547.530726 150.496619 476.992183 121.204479 401.976676 121.204479z"
            p-id="2523" fill="#FF7874">
          </path>
          <path
            d="M932.538427 958.228017c-6.565533 0-13.129019-2.508123-18.132986-7.52437L606.670661 642.206504c-9.989515-10.014074-9.969049-26.231431 0.045025-36.220946s26.230408-9.969049 36.220946 0.045025l307.73478 308.497143c9.989515 10.014074 9.969049 26.231431-0.045025 36.220946C945.627537 955.735244 939.081447 958.228017 932.538427 958.228017z"
            p-id="2524" fill="#FF7874">
          </path>
        </svg>
        <span class="data_count_title">查看合计</span>
        <span>管理员总数:</span>
        <span class="data_count_value" id="admin_count_data">${requestScope.adminCount}</span>
        <span class="data_count_unit">个</span>
      </div>
      <div class="table_normal_div">
        <table class="table_normal" id="table_admin_list">
          <thead class="text_info">
            <tr>
              <th>管理员ID</th>
              <th>管理员名称</th>
              <th>管理员昵称</th>
              <th>管理员类型</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody>
            <c:forEach items="${requestScope.adminList}" var="admin">
              <tr>
                <td>${admin.admin_id}</td>
                <td>${admin.admin_name}</td>
                <td>${admin.admin_nickname}</td>
                <td>${admin.admin_id == 1 ? '超级管理员' : '普通管理员'}</td>
                <td>
                  <c:if test="${admin.admin_id != 1}">
                    <span class="td_special" title="删除管理员"><a href="javascript:void(0)"
                        onclick="deleteAdmin(${admin.admin_id})">删除</a></span>
                  </c:if>
                  <c:if test="${admin.admin_id == 1}">
                    <span class="td_special" title="超级管理员不可删除">-</span>
                  </c:if>
                </td>
              </tr>
            </c:forEach>
          </tbody>
        </table>
        <%@ include file="include/page.jsp" %>
          <div class="loader"></div>
      </div>
    </body>

    </html>